﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	String path = request.getContextPath();
	String basePath = "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="/">
<!-- 下拉框 -->
<link rel="stylesheet" href="static/ace/css/chosen.css" />
<!-- jsp文件头和头部 -->
<%@ include file="../../system/index/top.jsp"%>
<!-- 日期框 -->
<link rel="stylesheet" href="static/ace/css/datepicker.css" />
</head>
<body class="no-skin">

	<!-- /section:basics/navbar.layout -->
	<div class="main-container" id="main-container">
		<!-- /section:basics/sidebar -->
		<div class="main-content">
			<div class="main-content-inner">
				<div class="page-content">
					<div class="row">
						<div class="col-xs-12">
							<!-- 检索  -->
							<form action="basearea/list" method="post" name="baseareaForm"
								id="baseareaForm">
					            <input type="hidden" name="baseId" id="baseId" value="${pd.baseId }" />
					            <input type="hidden" name="baseName" id="baseName" value="${pd.baseName }" />
								<table style="margin-top: 5px;">
									<tr>
										<td>
											<div class="nav-search">
												<span class="input-icon"> <input
													class="nav-search-input" autocomplete="off"
													id="nav-search-input" type="text" name="name"
													value="${pd.name }" placeholder="这里输入区域名称" /> <i
													class="ace-icon fa fa-search nav-search-icon"></i>
												</span>
											</div>
										</td>
										<c:if test="${QX.cha == 1 }">
											<td style="vertical-align: top; padding-left: 2px;"><a
												class="btn btn-light btn-xs" onclick="searchs();" title="检索"><i
													id="nav-search-icon"
													class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i></a></td>
										</c:if>
									</tr>
								</table>

								<!-- 检索  -->
								<table id="simple-table"
									class="table table-striped table-bordered table-hover"
									style="margin-top: 5px;">
									<thead>
										<tr>
											<th class="center" style="width: 35px;"><label
												class="pos-rel"><input type="checkbox" class="ace"
													id="zcheckbox" /><span class="lbl"></span></label></th>
											<th class="center">ID</th>
											<th class="center">区域编号</th>
											<th class="center">区域名称</th>
											<th class="center">基地ID</th>
											<th class="center"><i
												class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>创建日期</th>
											<th class="center"><i
												class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>修改日期</th>
											<th class="center">创建人</th>
											<th class="center">操作</th>
										</tr>
									</thead>
									<tbody>

										<!-- 开始循环 -->
										<c:choose>
											<c:when test="${not empty baseAreasList}">
												<c:if test="${QX.cha == 1 }">
													<c:forEach items="${baseAreasList}" var="baseArea"
														varStatus="vs">
														<tr>
															<td class='center' style="width: 30px;"><label><input
																	type='checkbox' name='ids' value="${baseArea.id }"
																	class="lbl"> </span></label></td>
															<td class='center' style="width: 30px;">${baseArea.id}</td>
															<td class="center">${baseArea.code }</td>
															<td class="center">${baseArea.name }</td>
															<td class="center">${baseArea.baseId }</td>
															<td class="center">${baseArea.createTime }</td>
															<td class="center">
																<c:if test="${baseArea.updateTime==null}">未修改</c:if>
																<c:if test="${baseArea.updateTime!=null}">${baseArea.updateTime}</c:if>
															</td>
															<td class="center">${baseArea.operatorId}</td>
															<td class="center"  style="width: 100px;">
																<c:if test="${QX.cha == 1 }">
																	<a class="btn btn-xs btn-success" title="查看" onclick="editBaseArea('${baseArea.id}','00');">
																		<i class="ace-icon fa fa-eye" title="查看"></i>
																	</a>
																</c:if>
																<c:if test="${QX.edit == 1 }">
																	<a class="btn btn-xs btn-success" title="编辑" onclick="editBaseArea('${baseArea.id}','01');">
																		<i class="ace-icon fa fa-pencil-square-o bigger-120" title="编辑"></i>
																	</a>
																</c:if>
															</td>
														</tr>
													</c:forEach>
												</c:if>
												<c:if test="${QX.cha == 0 }">
													<tr>
														<td colspan="100" class="center">您无权查看</td>
													</tr>
												</c:if>
											</c:when>
											<c:otherwise>
												<tr class="main_info">
													<td colspan="100" class="center">没有相关数据</td>
												</tr>
											</c:otherwise>
										</c:choose>
									</tbody>
								</table>
								<div class="page-header position-relative">
									<table style="width: 100%;">
										<tr>
											 <td style="vertical-align:top;">
									           <c:if test="${QX.add == 1 }">
									              <a class="btn btn-mini btn-success" onclick="add('${pd.baseName }','${pd.baseId }','01');">新增</a>
									           </c:if>
								             </td> 
											<td style="vertical-align: top;">
												<c:if test="${QX.del == 1 }">
													<a title="批量删除" class="btn btn-mini btn-danger" onclick="delBaseAreas();">
														<i class='ace-icon fa fa-trash-o bigger-120'></i>
													</a>
												</c:if>
											</td>
											<td style="vertical-align: top;">
												<div class="pagination" style="float: right; padding-top: 0px; margin-top: 0px;">${page.pageStr}</div>
											</td>
										</tr>
									</table>
								</div>
							</form>
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
		</div>
		<!-- /.main-content -->
		<!-- 返回顶部 -->
		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->
	<!-- basic scripts -->
	<!-- 页面底部js¨ -->
	<%@ include file="../../system/index/foot.jsp"%>
	<!-- 删除时确认窗口 -->
	<script src="static/ace/js/bootbox.js"></script>
	<!-- ace scripts -->
	<script src="static/ace/js/ace/ace.js"></script>
	<!-- 日期框 -->
	<script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
	<!-- 下拉框 -->
	<script src="static/ace/js/chosen.jquery.js"></script>
	<!--提示框-->
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
</body>
<script type="text/javascript">
		$(top.hangge());
		$(function() {
			//复选框全选控制
			var active_class = 'active';
			$('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
				var th_checked = this.checked;//checkbox inside "TH" table header
				$(this).closest('table').find('tbody > tr').each(function(){
					var row = this;
					if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
					else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
				});
			});
		});
		
		//检索
		function searchs(){
			top.jzts();
			$("#baseareaForm").submit();
		}
	
		 //新增
		function add(baseName,baseId,state){
			 /* alert('baseName='+baseName+'baseId='+baseId+'state='+state); */
			 if(baseId==''||baseId==null){
				 alert("请选择基地！");
				 return false;
			 }
			top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="新增区域信息";
			 diag.URL = '<%=basePath%>basearea/goAddP.do?state='+state+'&baseName='+baseName+'&baseId='+baseId;
			 diag.Width = 500;
			 diag.Height = 300;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
					 if('${page.currentPage}' == '0'){
						 top.jzts();
						 setTimeout("self.location=self.location",100);
					 }else{
						 nextPage('${page.currentPage}');
					 }
				}
				diag.close();
			 };
			 diag.show();
		} 
		
		// 编辑
		function editBaseArea(id,state){
			var str="修改区域信息";
			if(state=='00'){
				str='区域信息详情';
			}
			 top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title =str;
			 diag.URL = '<%=basePath%>basearea/goEditP.do?id='+id+'&state='+state;
			 diag.Width = 500;
			 diag.Height = 350;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
					 nextPage('${page.currentPage}');
				}
				diag.close();
			 };
			 diag.show();
		}
			
		//批量删除
		function delBaseAreas(){
			var str='';
			for(var i=0;i < document.getElementsByName('ids').length;i++)
			{
				  if(document.getElementsByName('ids')[i].checked){
					/* if(document.getElementsByName('ids')[i].id!='00'){
						alert("");
						return false;
					} */
				  	if(str==''){ 
				  		str += document.getElementsByName('ids')[i].value;
				  	}else{
				  		str += ',' + document.getElementsByName('ids')[i].value;
				  	}
				  }
			} 
		 	if(str==''){
				alert("请选择选择要删除的种植区域");
				return false;
			}else{ 
				bootbox.confirm("确定要删除吗?", function(result) {
					if(result) {
						$.ajax({
							type: "POST",
							url: '<%=basePath%>basearea/deleteP.do?tm='+new Date().getTime(),
					    	data: {ids:str},
							success: function(data){
								if(data=="01"){
									alert("删除成功");
								}
								if(data=="00"){
									alert("删除失败");
								}
								if(data=="03"){
									alert("要删除的区域id不能为空");
								}
								if(data=="02"){
									alert("区域下存在商品，不能删除！");
								}
								nextPage('${page.currentPage}'); 
							}
						});
					}
				});	
			}
	}
</script>
</html>
